<template>
	<view style="background: #f5f5f5; width: 100vw; overflow: hidden;flex-flow: row wrap;">
		<view class="pickItem" v-for="item in 6" :key="item">
			<view class="pickText">
				<p>成飞自提点1</p>
				<p>四川省成都市青羊区成飞公园产业园1号仓库</p>
			</view>
			<view class="ball-box">
				<view class="ball"></view>
			</view>
		</view>
		<view class="pickBtn">
			确认
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang='less'>
	.pickItem {
		width: 710rpx;
		height: 140rpx;
		margin: 50rpx auto;
		background: white;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 20rpx;

		.pickText {
			p {
				font-size: 28rpx;
			}

			p:nth-child(1) {
				font-weight: bold;
				margin-bottom: 10rpx;
			}
		}
	}

	.ball-box {
		width: 32rpx;
		height: 32rpx;
		border-radius: 32rpx;
		border: 1px solid #808080;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 30rpx;

		.ball {
			width: 24rpx;
			height: 24rpx;
			border-radius: 60rpx;
			background-color: #fff;
		}
	}

	.pickBtn {
		width: 634rpx;
		height: 72rpx;
		background: #5caf5d;
		margin: 100rpx auto;
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		text-align: center;
		line-height: 72rpx;
		font-size: 32rpx;
		color: white;
		align-self: flex-end;
	}
</style>